html,
body,
#app,
.full-page {
  width: 100%;
  height: 100%;
  touch-action: none;
   .bg{
    background-image: url('https://img.axureshop.com/c2/e9/7b/c2e97b96ebac43fdaa2b01538e82639f/images/%E7%99%BB%E5%BD%95/u59.jpg');
    background-repeat: no-repeat;
    background-color: rgba($color: #000000, $alpha:0.4);
    background-position: center center;
    background-size: cover;
    
  }
}

@function vw($px){
  @return ($px/375) * 100vw;
}

.page{
  // position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  // bottom: 49px;
  bottom: vw(49);
  background-color: #fff;
}
.page.subpage{
  bottom: 0;
  z-index: 10;
  background-color: #fff;
}
.pages-wrap{
  width: 100%;
  height: 100%;
}
.text-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.expend-touch{
  position: relative;
  &::before{
    content: '';
    position: absolute;
    top: vw(-5);
    bottom: vw(-5);
    left: vw(-5);
    right: vw(-5);
  }
}



@keyframes slideIn {
  0%{
    transform: translateX(100%);
  }
  100%{
    transform: translateX(0);
  }
}
.slideIn{
  animation: slideIn 300ms;
}
@keyframes slideOut {
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(100%);
  }
}
.slideOut{
  animation: slideOut 300ms;
}

.auth-title{
  text-align: center;
  font-size: vw(30);
  margin-top: vw(100);
  margin-bottom: vw(20);
}
.auth-form{
  margin: 0 auto;
}
.link{
  color: #1989fa;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: vw(10);
}

/* .border-top {
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid #333;
    transform: scaleY(0.5);
  }
}

.border-bottom {
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid #333;
    transform: scaleY(0.5);
  }
}

.border-right {
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: 1px;
    border-right: 1px solid #333;
    transform: scaleX(0.5);
  }
}
 */
